// 获取nav导航
// $(function () {
//     $.ajax({
//       url: "http://chst.vip:1234/api/getbaicaijiatitle",
//       data: {
//         pageid: 1,
//       },
//       success: (res) => {
//         console.log(res);
//         let ele = "";
//         $.each(res.result, (i, item) => {
//           ele += `
//               <li titleId='${item.titleId}'>${item.title}</li>
//               `;
//         });
//         $("nav ul").html(ele);
//       },
//     });
// });


// 点击时操作

    // $("nav ul>li").click(function(){
    //     console.log($(this).index());
    //     $(this).css("color","red").siblings().css("color","black")
    //     Getdate($(this).index());
    // })


// $("nav>ul>li").click(function () {
//     console.log(111);
//     $(this).addClass('active').siblings("li").removeClass('active').parent().next().children().removeClass('active').eq($(this).index()).addClass('active')
// });









$.get(" http://chst.vip:1234/api/getbaicaijiatitle?pageid=1",function(res){
    callback(res);
    Getdate(0)
    navClick();
})
// 更新导航栏里面的li标签数据
function callback(res){
    let dateArr = res.result;
    // console.log(res.result);
    let str ="";
    dateArr.forEach(function(item){
        str +=`<li>${item.title}</li>`
    })
    $("nav ul").html(str);
}
// 点击时操作
function navClick(){
    $("nav ul>li").click(function(){
        // console.log($(this).index());
        $(this).css("color","red").siblings().css("color","black")
        Getdate($(this).index());
    })
}
// 进度条
function Jdt(){
  let wDiv =  $(".group-li-text>.jindu>div").width();
  let wp =  $(".group-li-text>.jindu>div>p").width();
  let timer = setInterval(function(){
    wp++;
    if(wp>=wDiv){
        wp = wDiv;
        clearInterval(timer)
    }
        let baif = ((wp/wDiv)*100).toFixed(2)+"%";
        $(".group-li-text>.jindu>span:nth-of-type(1)").html(baif);
        $(".group-li-text>.jindu>div>p").width(wp+"px");

  },20)

}
// 点击时更新数据
function Getdate(num){
    $.get(`http://chst.vip:1234/api/getbaicaijiaproduct?titleid=${num}`,function(res){
        console.log(res.result);
        let dateArr = res.result
        let str = "";
        dateArr.forEach(function(item){
            str+=`<li>
                        <a href="#">
                            ${item.productImg}
                            <div class="group-li-text">
                                <h3>${item.productName}</h3>
                                <p>${item.productPrice}</p>
                                <div class="jindu">
                                    <div><p style="width:0px"></p></div>
                                    <span>span>
                                    <span>已领取126张剩余0张</span>
                                </div>
                                <p>点此领取优惠卷</p>
                            </div>
                        </a>
                        <button>下单连接</button>
                    </li>`
        });
        $("#product").html(str);
        Jdt();
    })
}
  